<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>个人网站</title>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/global.css" type="text/css">
    <link rel="stylesheet" id="page2Link" href="">
    <!--[if lt IE 9]>
    <script src="./js/html5shiv.js"></script>
    <script src="./js/respond.js"></script>
    <![endif]-->
</head>
<body style="overflow: hidden;">
<!--头部导航-->
<nav class="navbar navbar-inverse my-top-navbar navbar-fixed-top">
    <div class="container">
        <div class="row">
            <div class="navbar-header ">
                <a href="index.html" class="navbar-brand">王维军的个人网站</a>
                <button class="navbar-toggle" data-toggle="collapse" data-target="#my-con">
                    <i class="icon-bar"></i>
                    <i class="icon-bar"></i>
                    <i class="icon-bar"></i>
                </button>
            </div>
            <div id="my-con" class="navbar-collapse collapse">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="index.html">bootstrap</a></li>
                    <li class="my-active"><a href="page2.html">html5+css3</a></li>
                    <li><a href="page3.html">js实例</a></li>
                    <li><a href="page4.html">jQuery特效</a></li>
                    <li><a href="page5.html">angularJS</a></li>
                    <li><a href="page6.html">PHP+mysql</a></li>
                </ul>
            </div>
        </div>
    </div>
</nav>

<!--内容部分-->
<div class="container">
    <div class="row my-container">
        <div class="col-xs-12">
            <div class="row">
                <button class="btn btn-primary">3D轮播</button>
                <button class="btn btn-primary">3D旋转</button>
                <button class="btn btn-primary">模拟下雨效果</button>
                <button class="btn btn-primary">经典飞机大战</button>
            </div>
        </div>
        <ul class="myul text-success">
            <li>
                CSS3 新特性包括：边框 圆角 背景 渐变 文本效果 字体 2D转换 3D转换
                过渡 动画 多列 用户界面 图片 按钮 框大小 弹性盒子 媒体查询
            </li>
            <li>
                HTML5 中用于绘画的 canvas 元素
            </li>
            <li>
                HTML5 中用于媒介回放的 video 和 audio 元素
            </li>
            <li>
                HTML5 中对本地离线存储的更好的支持
            </li>
            <li>
                新的特殊内容元素，比如 article、footer、header、nav、section
            </li>
            <li>
                新的表单控件，比如 calendar、date、time、email、url、search
            </li>
        </ul>
    </div>
</div>
<canvas style="display: none; margin-left: 5%;" class="center-block"></canvas>
<iframe style="width: 100%;height: 600px;" src="" frameborder="0"></iframe>
<!--尾部分页-->
<div class="container navbar-fixed-bottom hidden-xs">
    <div class="row">
        <!--分页-->
        <ul class="pagination pull-right">
            <li><a href="index.html">首页</a></li>
            <li><a href="#"><<</a></li>
            <li><a href="index.html">1</a></li>
            <li class="active"><a href="page2.html">2</a></li>
            <li><a href="page3.html">3</a></li>
            <li><a href="page4.html">4</a></li>
            <li><a href="page5.html">5</a></li>
            <li><a href="page6.html">6</a></li>
            <li><a href="page3.html">>></a></li>
            <li><a href="page6.html">尾页</a></li>
        </ul>
    </div>
</div>
</body>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/page2.js"></script>
</html>